Mermaid 中绘制时序图

参考

  1. # Markdown进阶语法

Mermaid

什么是 Mermaid

时序图的基本语法

[角色A][箭头][角色B]: 消息描述

时序图支持 8 种箭头类型:

type Description
-> 实线
--> 虚线
->> 带箭头实线
-->> 带箭头虚线
-x 断头实线
--x 断头虚线
-) 表示异步的箭头实线 (async)
--) 表示异步的箭头虚线 (async)
sequenceDiagram
客户端->> 服务器: 发送账号密码
服务器 -->> 服务器: 校验账号密码

笔记(Notes)

可以在时序图上添加一些笔记或者说明,语法如下

Note [right of | left of | over] [Actor]
sequenceDiagram
客户端->> 服务器: 发送账号密码
Note over 服务器: 超时时间 3s
服务器 -->> 服务器: 校验账号密码

循环,选择控制流